#top-wrap {
  width: 100%;
  height: 86px;
  .top {
    width: 980px;
    height: 86px;
    margin: 0 auto;
    .logo {
      width: 319px;
      height: 86px;
      margin-left: 4px;
      float: left;
      background: url(../images/logo.png) no-repeat;
      h1 {
        a {
          display: block;
          width: 319px;
          height: 86px;
          float: left;
          text-indent: -999px;
        }
      }
    }
    .right {
      height: 24px;
      margin-right: 12px;
      float: right;
      position: relative;
      .r-left {
        height: 24px;
        float: left;
        li {
          float: left;
          a {
            display: block;
            height: 24px;
            line-height: 24px;
            text-align: center;
            margin-right: 6px;
            font-size: 12px;
            color: #666;
          }
          a:hover {
            text-decoration: underline;
          }
          .welcome {
            color: #484848;
          }
        }
      }
    }
  }
}

#main-wrap{
  width:100%;margin-top:100px;
  .main{
    width:980px;margin:0 auto;
    .main-top{
      width:980px;margin-bottom:20px;
      .mtleft{
        width:778px;border:1px solid #666;float:left;box-shadow:2px 1px 2px 2px #ccc;
        .mycar{
         display:block;height:778px;height:36px;font-size:20px;line-height:36px;color:#000;border-bottom:1px solid #666;
        }
        table{
          width:778px;
          thead{
            height:30px;
            tr{
              width:778px;
              th{width:90px;}
              th:nth-of-type(2){width:328px;}
            }
          }
          .table{
            width:778px;
            tr{
              width:778px;height:100px;text-align:center;line-height:100px;
              td{
                width:90px;text-align:center;font-size:12px;color:#000;text-align:center;
                .img{
                  float:left;display:block;width:100px;height:100px;margin-left:10px;
                }
                .des{
                  float:right;padding:20px 10px;height:60px;width:188px;line-height:20px;overflow:hidden;font-size:12px;color:#000;
                }
                .jian{width:20px;height:20px;font-size:12px;color:#000;text-align:center;}
                .plus{width:20px;height:20px;font-size:12px;color:#000;text-align:center;}
                .del{font-size:12px;color:#000;text-decoration: underline;}
                .num{width:30px;height:20px;font-size:12px;color:#000;text-align:center;border:1px solid #666;}
              }
              td:nth-of-type(2){width:328px;}
            }
          }
        }
      }
      .mtright{
        display:block;width:198px;border:1px solid #666;float:left;box-shadow:2px 1px 2px 2px #ccc;background:#FFFFCC;
        .mtrs{
          display:block;height:198px;height:36px;font-size:20px;line-height:36px;color:#000;border-bottom:1px solid #666;
        }
        .mtrdown{
          width:198px;display:flex;flex-direction: column;justify-content:center;align-items:center;
          b{
            width:198px;text-align:center;
            .sum{
              width:120px;height:45px;line-heihgt:25px;margin-bottom:10px;background:#FFFFCC;font-size:14px;text-align:center;color:#ff6600;
            }
            .pay{
              width:120px;height:60px;line-heihgt:47px;margin-bottom:10px;background:#ff6600;font-size:14px;text-align:center;color:#fff;
            }
          }
        }

      }
    }
    .main-bottom{
      width:978px;height:324px;border:1px solid #666;box-shadow:2px 2px 2px 2px #ccc;
      .mbot-top{
        display:block;width:978px;height:32px;line-height:32px;font-size:14px;color:#ff6600;border-bottom:1px solid #666;
      }
      .mbot-down{
       width:899px;height:244px;padding:28px 44px 19px 15px;
        dl{
          width:153px;height:245px;margin-left:25px;float:left;
          dt{
            width:153px;height:104px;position:relative;
            .dta{
              display:block;width:153px;height:104px;
            }
            .hit{
              background:#ff6600;display:none;position:absolute;right:0;top:0;font-size:12px;color:#fff;
            }
          }
          dd{
            width:153px;height:141px;
            .ddpd{
              display:block;overflow:hidden;width:153px;height:45px;line-height:22px;margin-bottom:32px;font-size:12px;color:#666;
            }
            .ddpd:hover{text-decoration: underline;}
            .ddmony{
              width:153px;height:22px;line-height:22px;margin-bottom:16px;font-size:12px;color:#ff6600;
            }
            .incar{
              width:82px;height:26px;line-height:26px;text-align:center;font-size:12px;color:#000;border:1px solid #666;margin-left:38px;
            }
          }
        }
      }
    }
  }
}

#foot-wrap{
  width:100%;height:116px;
  .foot{
    width:980px;height:116px;margin:0 auto;
    .ffp{
      width:623px;height:38px;line-height:38px;text-align:center;margin-left:180px;
      .ffps{font-size:12px;color:#484848;padding:0 5px;}
      .ffpa{font-size:12px;color:#484848;padding:0 5px;}
      .ffpa:hover{text-decoration: underline;}
    }
    .ffp2{margin-left:180px;font-size:12px;color:#484848;width:623px;height:20px;line-height:20px;text-align:center;}
  }
}


